<%@page contentType="text/html; charset=UTF-8" %>
<%@page isELIgnored="false" %>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">

<title>news</title>

<link rel="stylesheet" href="css/loader.css" type="text/css" />
<link rel="stylesheet" href="css/newsticker.css" type="text/css">

<script type="text/javascript" src="css/loader.js"></script>
<script type="text/javascript" src="css/wink-1.4.3.min.js"></script>
<script type="text/javascript" src="css/newsticker.js"></script>

<style>
.nt_title.nt_title_alert {
	background: url("img/alert.png") no-repeat
}

.nt_title.nt_title_info {
	background: url("img/info.png") no-repeat
}

.nt_title.nt_title_news {
	background: url("img/news.png") no-repeat
}
</style>

<script>
	var newsticker;
	var init;

	var properties = {
		'news' : [
				{
					'type' : 'alert',
					'content' : '${boardList[0].content}'
				},
				{
					'type' : 'info',
					'content' : '${boardList[1].content}'
				},
				{
					'type' : 'news',
					'content' : '${boardList[2].content}'
				} ]
	}

	init = function() {
		newsticker = new wink.ui.xy.NewsTicker(properties);
		wink.byId('news').appendChild(newsticker.getDomNode());
	}

	addNews = function() {
		newsticker.addNews('alert', 'This is a fresh alert !!!!');
	}
	removeNews = function() {
		newsticker.removeNews(0);
	}
</script>
</head>

<body onload="init()">
	<div id="news"></div>
</body>
</html>